$("#addBtn").click(function () {
  $.ajax({
    url: "http://127.0.0.1:3000/add",
    type: "post",
    data: {
      pname: $("#pname").val(),
      price: $("#price").val(),
      sel: $("#sel").val(),
      oldprice: $("#oldprice").val(),
      inventory: $("#inventory").val(),
      isred: $(":radio:checked").val()
    },
    success: function (res) {
      console.log(res)
      alert("添加成功")
      $("#pname").val("")
      $("#price").val("")
      $("#oldprice").val("")
      $("#inventory").val("")
      show()
    }
  })
})

// 渲染列表
function show (sel) {
  $.ajax({
    url: "http://127.0.0.1:3000/all",
    type: "post",
    data: {
      sel: sel
    },
    success: function (res) {

      if (sel && res.length > 3) {
        res.length = 3;
      }
      var str = ``;
      $.each(res, function (index, ele) {
        var selStr = ""
        if (ele.sel == "1") {
          selStr = "优选水果"
        } else if (ele.sel == "2") {
          selStr = "卤味熟食"
        } else if (ele.sel == "3") {
          selStr = "酒水饮料"
        } else if (ele.sel == "4") {
          selStr = "休闲零食"
        }
        str += `  <tr>
          <td class="${ele.isred == 'true' ? 'red' : ''}">${ele.pname}</td>
          <td>${selStr}</td>
          <td>￥${Number(ele.price).toFixed(2)}</td>
          <td style="text-decoration:line-through;">￥${ele.oldprice}</td>
          <td>${ele.inventory}</td>
          <td>${ele.isred}</td>
          <td>${new Date(ele.date).toLocaleString()}</td>
          <td>
            <a href="#" onclick="del('${ele._id}')">删除</a>
          </td>
        </tr>`
      })
      $("#mybody").html(str);
    }
  })

}
show()
//删除
function del (id) {
  $.ajax({
    url: "http://127.0.0.1:3000/del",
    type: "post",
    data: {
      id: id
    },
    success: function (res) {
      alert("删除成功")
      show()
    }
  })
}
// 分类筛选
$(".btn_list a").click(function () {
  $(this).addClass("active").siblings().removeClass("active");
  show($(this).attr("sid"))
})